<template>
	<view class="wrap">
		<!--国际化-->
		<js-lang title="login.title" :showBtn="false"></js-lang>
		
		<view class="logo"> uni-app </view>
		<!--用户名密码登录-->
		<user-password />

		<!-- 游客注册登录 -->
		<!-- <button class="button" @click.stop="$refs.registerUser.getRegisterProfile()" :disabled="btnLoading"
			:loading="btnLoading">
			<text>{{ $t("login.vxLoginButton") }}</text>
		</button> -->

		<register-user ref="registerUser" />
		<view class="login-bottom-box">
			<view class="copyright">
				Copyright © 2023 Andcen.
			</view>
		</view>
	</view>
</template>
<script>
import userPassword from "./userPassword"
import registerUser from "./registerUser"

export default {
	components: {
		userPassword,
		registerUser
	},
	data() {
		return {
			btnLoading: false,
			show: false
		};
	},
	onLoad() {
		if (this.vuexToken.access_token) {
			uni.reLaunch({
				url: "/pages/sys/home/index",
			});
		}
	},
};
</script>
<style lang="scss">
@import "index.scss";

.logo {
	width: 80%;
	font-size: 64rpx;
	color: #497bff;
	margin: 50rpx auto 0;
	text-align: center;
}

.list-call-icon {
	color: #ff0000;
}

.currentPhone-box {
	text-align: center;
	padding: 40rpx 80rpx;

	.number-text {
		color: #000000;
		font-size: 60rpx;
	}

	.other-text {
		color: #999999;
		font-size: 26rpx;
		padding: 20rpx 0;
	}

	.u-btn {
		margin: 30rpx auto;
	}

	.u-hairline-border {
		border: 1px solid #fff;
	}
}

.register {
	display: inline-block;
	color: #497bff;
	height: 40rpx;
	line-height: 40rpx;
	font-size: 28rpx;
	float: right;
	margin-top: 6rpx;
}

.register-link {
	float: right;
	padding: 0 16rpx;
}

.reg-link {
	display: inline-block;
	color: #497bff;
}

.oauth2 {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	margin: 0rpx 100rpx 30rpx;

	image {
		height: 80rpx;
		width: 80rpx;
	}
}

.u-tabs {
	padding: 0 70rpx;
}

.tenantList {
	font-size: 32rpx;
	width: 80%;
	height: 80rpx;
	text-align: center;
	margin: 50rpx auto 0;
}
</style>
